<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
    </head>
    <body>
        <script src="./jquery/jquery.min.js"></script>

        <script>
            function myCallback(data){
                console.log("拿到JSONP数据",data);
            }

            $.ajax({
                url:"http://www.myshop.net/server/jsonp.php",
                data:{a:123,b:456},
                dataType:"jsonp",

                // 请求参数 &cb=xxx 这个xxx就是后台回调的前台函数名 后台就会返回“xxx(data)”
                jsonp:"cb",

                // 不使用框架提供的默认回调函数名 显式地回调的函数名
                // jsonpCallback:"myCallback",

                // 框架静默地帮你：
                // 创建script标签 拿到数据后又删除
                // 指定了默认的回调函数名 jQuery341008370270680530267_1622173845609({"a":"123","b":"456"})
                // 创建该函数 拿到数据后调用该函数
                
                // 将数据丢给success(data)
                success:function(data,status,xhr){
                    console.log(data);
                },

                error:function(xhr,status,err){
                    console.log(err);
                }
            })

        </script>
    </body>
</html>
